.baner {
    /*width:100%;*/
    height:80px;
    /*background: lightblue;*/
    overflow: hidden;
    margin-bottom: 5px;
}
.baner .title {
    position: absolute;
    /*background: lightyellow;*/
    font-size:30px;
    margin:28px 0 0 20px;
    display: inline-block;
    z-index:10!important;
}
.title > img{
    position: absolute;
    width:40px;
    top:-29px;
    left:-5px;
}
.baner .logo {
    position: absolute;
    right: 0px;
    top:5px;
    height:60px;
    /*color:gray;*/
    width:150px;
    /*background: lightseagreen;*/
    font-size:32px;
    z-index: 0!important;
}

.logo > img{
    width:80px;
}
.logo > span{
    position: relative;
    top:-10px;
}
.chunk > .column {
    /*width:32.3%;*/
    min-height:0px;
    /*background: lightseagreen;*/
    /*display: inline-block;*/
    padding:0;
    text-align: left;
    margin-bottom:20px;
}
.chunk > .column:last-child {
    margin-right:0;
}
.column > div {
    width:33.3%;
    font-size: 20px;
    /*background: lightpink;*/
    margin-bottom: 5px;
    display: inline-block;
    text-align: center;
}

.me {
    height:50px;
    /*background: gray;*/
    margin-bottom:60px;
    line-height: 50px;
    text-align: center;
    color:grey;
}
.me a{
    color:grey!important;
}
.me > img{
    width: 50px;
    position: relative;
    top:6px;
    margin-top:-10px;
}
.buttom_submit {
    height:60px;
    width:100%;
    font-size:30px;
    line-height:60px;
    position: fixed;
    bottom: 0px;
    text-align: center;
    background: white;
    border-top:1px solid grey;
}
.buttom_submit > img{
    width: 45px;
    position: relative;
    top:5px;
    margin-top:-5px;
}

#mask{
    position: fixed;
    z-index: -10;
    opacity: 0;
    background: black;
    width:100%;
    height:100%;
    top:0;
    display: none;
}
#report{
    position: fixed;
    z-index: -10;
    width:64%;
    left:18%;
    top:35%;
    opacity: 0;
    background: white;
    display: none;
    border:1px solid #7a7a7a;
}
#report #rp_content{
    padding: 3px 6px;
    height: 80px;
    background: #f6f6f6;
    border-bottom: 1px solid #9f9f9f;
}
#report .bar{
    height:35px;
    line-height: 35px;
    padding: 1px 8px;
    font-size: 18px;
    border-bottom: 1px solid #9f9f9f;
}
#rp_cancel , #rp_comfirm{
    width:50%;
    float: left;
    height:40px;
    line-height: 40px;
    text-align: center;
    font-size: 17.5px;
}

.updateLog{
    margin-top:30px;
    display:inline-block;
    text-align:left;
    color:grey;
}
.updateLog a:link{
    color:grey;
}
.updateLog a:visited{
    color:grey;
}
#mask-blur{
    transition: 0s -webkit-filter linear;
}

.search_input_box{
    height:30px;
    width:100%;
    margin:20px auto;
}
.search_input_box > input{
    width:90%;
    height: 100%;
    border:none;
    display: block;
    margin:0 auto;
    line-height: 100%;
    /*background: none;*/
    border-bottom: 1px solid black;
    font-size:18px;
    color:lightgray;
}

.display_result {
    min-height:50px;
    margin-bottom:20px;
    padding-top:12px;
    text-align: center;
    transform: translate3d(0, 0, 0);
}
.display_result *{
    transform: translate3d(0, 0, 0);
}

.swtichLogInRegister{
    /*background: lightblue;*/
    padding:10px 0;
    border-top:1px solid #b8b8b8;
    border-bottom:1px solid #b8b8b8;
}
.swtichLogInRegister > span{
    display: inline-block;
    text-align: center;
    font-size: 21px;
    width:50%;
    cursor: pointer;
}
.swtichLogInRegister > span::before{
    content: '';
    border-left: 2px solid #000;
    height:14px;
    margin-right:10px;
    display: inline-block;
    transition: border .35s ease 0s;
    -webkit-transition: border .35s ease 0s;
    -o-transition: border .35s ease 0s;
    -moz-transition: border .35s ease 0s;
}
.swtichLogInRegister > .selected::before{
    content: '';
    height: 0;
    border-top: 7px solid transparent;
    border-left: 7px solid #000;
    border-bottom: 7px solid transparent;
    margin-right:10px;
    display: inline-block;
}
#userPWAgain{
    display: none;
}